<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>墙式壁挂</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/proList.css"/>
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div th:replace="head.html"></div>
		<!-----------------banner------------------------------->
		<div class="banner">
			<a href="#"><img src="img/temp/banner2.jpg"/></a>
		</div>
		<!-----------------address------------------------------->
		<div class="address">
			<div class="wrapper clearfix">
				<a href="index.html">首页</a>
				<span>/</span>
				<a href="paint.html" class="on">墙式壁挂</a>
			</div>
		</div>
		<!-----------------paintCon------------------------------->
		<div class="paintCon">
			<section class="wrapper">
				<h3><img src="img/temp/tit01.jpg"></h3>
				<img src="img/temp/paint01.jpg" />
				<div class="paintList">
					<th:a th:each="furn1 : ${session.furnCommodities01}">
						<a th:href="'proDetail.html?id='+${furn1.id}">
						<dl>
							<dt><img width="374" height="374" th:src="${furn1.imagestheme}"></dt>
							<dd class="zuijia" th:text="${furn1.productname}"> </dd>
							<dd th:text="'￥ '+${furn1.commodityprices}"></dd>
						</dl>
						</a>
					</th:a>
				</div>

			</section>
			<section class="wrapper">
				<h3><img src="img/temp/tit02.jpg"></h3>
				<img src="img/temp/paint02.jpg" />
				<div class="paintList">
					<th:a th:each="furn2 : ${session.furnCommodities02}">
						<a th:href="'proDetail.html?id='+${furn2.id}">
						<dl>
							<dt><img width="374" height="374" th:src="${furn2.imagestheme}"></dt>
							<dd class="zuijia" th:text="${furn2.productname}"> </dd>
							<dd th:text="'￥ '+${furn2.commodityprices}"></dd>
						</dl>
						</a>
					</th:a>
				</div>
			</section>
			<section class="wrapper">
				<h3><img src="img/temp/tit03.jpg"></h3>
				<div class="paintList third">
					<p><a href="proDetail.html"><img src="img/temp/sec301.jpg" /></a></p>
					<div class="sec">
						<th:a th:each="furn3 : ${session.furnCommodities03}">
							<a th:href="'proDetail.html?id='+${furn3.id}">
							<dl>
								<dt><img width="374" height="374" th:src="${furn3.imagestheme}"></dt>
								<dd class="zuijia" th:text="${furn3.productname}"> </dd>
								<dd th:text="'￥ '+${furn3.commodityprices}"></dd>
							</dl>
							</a>
						</th:a>
					</div>
				</div>
			</section>
			<section class="wrapper">
				<h3><img src="img/temp/tit03.jpg"></h3>
				<div class="paintList last">
					<p>
						<a href="proDetail.html"><img src="img/temp/sec401.jpg" /></a>
						<a href="proDetail.html"><img src="img/temp/sec402.jpg" /></a>
					</p>
					<div class="sec">
						<th:a th:each="furn4 : ${session.furnCommodities04}">
							<a th:href="'proDetail.html?id='+${furn4.id}">
							<dl>
								<dt><img width="374" height="374" th:src="${furn4.imagestheme}"></dt>
								<dd class="zuijia" th:text="${furn4.productname}"> </dd>
								<dd th:text="'￥ '+${furn4.commodityprices}"></dd>
							</dl>
							</a>
						</th:a>
					</div>
				</div>
			</section>

		</div>
		<!--返回顶部-->
		<div th:replace="gotop.html"></div>
		<div class="msk"></div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script>
            //限制字符个数
            $(".zuijia").each(function () {
                var maxwidth = 20;
                if ($(this).text().length > maxwidth) {
                    $(this).text($(this).text().substring(0, maxwidth));
                    $(this).html($(this).html() + '…');
                }
            });
		</script>
	</body>
</html>
